<include file="Common@Backend/header" />
    <!-- page heading start-->
    <div class="page-heading">
        <h3>
            {$breadcrumb.A}
        </h3>
        <ul class="breadcrumb">
            <li>
                {$breadcrumb.M}
            </li>
            <li>
                {$breadcrumb.C}
            </li>
            <li class="active"> {$breadcrumb.A}  </li>
        </ul>
    </div>
    <!-- page heading end-->
    <!-- 添加商品 -->
    <div class="wrapper">
        <div class="row">
            <div class="col-lg-12">
                <section class="panel">
                    <form role="form" action="{$action}" method="post">
                        <header class="panel-heading">
                            添加商品
                        </header>
                        <div class="panel-body">
                            <div class="form-group">
                                <label for="com_name">商品名称</label>
                                <input type="hidden" name="id" value="{$userInfo.id}">
                                <input type="text" name="com_name" value="{$userInfo.com_name}" class="form-control" id="com_name" placeholder="输入商品名称">
                            </div>
                            <div class="form-group">
                                <label for="cate_name">商品分类</label>
                               <!--  <input type="text" name="cate_name[]" class="form-control" id="cate_name" placeholder="选择商品分类"> -->
                                <select  class="form-control" name="cate_name[]" id="pid" multiple="multiple" size="5">
                                    <!-- <option value="0">顶级分类</option> -->
                                    {$getCategoryStr}
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="com_number">商品货号</label>
                                <input type="text" name="com_number" value="{$userInfo.com_number}" class="form-control" placeholder="输入商品货号">
                            </div>
                            <div class="form-group">
                                <label for="com_keywords">商品关键词</label>
                                <input type="text" name="com_keywords" value="{$userInfo.com_keywords}" class="form-control" placeholder="输入关键词">
                            </div>
                            <div class="form-group">
                                <label for="com_discription">商品描述</label>
                                <input type="text" name="com_discription" value="{$userInfo.com_discription}"  class="form-control"  placeholder="输入商品描述">
                            </div>
                            <div class="form-group">
                                <label for="com_store">商品库存</label>
                                <input type="text" name="com_store" value="{$userInfo.com_store}" class="form-control"  placeholder="输入库存量">
                            </div>
                            <div class="form-group">
                                <label for="com_price">商品价格</label>
                                <input type="text" name="com_price" value="{$userInfo.com_price}" class="form-control"  placeholder="输入商品价格">
                            </div>
                            <div class="form-group">
                                <label for="com_price">商品图片</label>
                                <div class="col-md-12">
                                    <!-- <div class="col-md-2" style="padding-left: 20px;font-size: 18px;height: 25px;line-height: 25px;color: black;"><span class="glyphicon glyphicon-th-list"></span>  幻灯片设置</div> -->
                                        <div class="col-md-12">&nbsp;</div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div id="picker" class="col-md-2">上&nbsp;&nbsp;&nbsp;&nbsp;传</div>
                                            </div>
                                            <input type="hidden" id="sitelogo" name="sitelogo" placeholder="网站LOGO">
                                        </div>
                                </div>
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th class="text-center">图片</th>
                                            <th class="text-center">关键词描述</th>
                                            <th class="text-center">链接</th>
                                            <th class="text-center">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody id="picBox">
                                        <?php if ($comimg) { ?>
                                            <?php foreach ($comimg as $key => $value) { ?>
                                                <tr id="lineh">
                                                    <td><img src="__PUBLIC__/upload/{$theme}/<?php echo $value['com_img_name']; ?>" style="width: 100px;height: 100px;"><input type="hidden" name="banner[]" value="<?php echo $value['banner']; ?>"></td>
                                                    <td><input type="text" name="keywords[]" value="<?php echo $value['com_img_keyword']; ?>"></td>

                                                    <td><input type="text" name="link[]" value="<?php echo $value['com_img_link']; ?>"></td>
                                                    <td><a href="#" class="delbtn btn btn-danger"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>　删除</a></td>
                                                </tr>
                                            <?php } ?>
                                        <?php } ?>
                                    </tbody>
                                </table>
                            </div>
                            
                             <div class="form-group">
                                <label for="com_details">商品详情</label>
                                <!-- <input type="text" name="com_details" class="form-control" id="sort" placeholder="输入商品详情"> -->
                                <textarea name="com_details" required="true" id="content" placeholder="输入商品详情">{$userInfo.com_details}</textarea>
                            </div>
                                                   
                            <div class="form-group">
                                <label for="status">状态</label>
                                <select class="form-control m-bot15" id="status" name="status">
                                    <option value="1">启用</option>
                                    <option value="0">禁用</option>
                                </select>
                            </div>
                        </div>
                        <div>&nbsp;</div>
                        <div class="panel-body">
                            
                            <button type="submit" class="btn btn-primary">保存</button>
                            <a href="{$cancel}" class="btn btn-primary">取消</a>
                        </div>
                    </form>
                </section>
            </div>
        </div>
    </div>
    <!-- 编辑器 -->
    <script type="text/javascript">
         var ue = UE.getEditor('content',{
            initialFrameWidth:1120,
            initialFrameHeight:400,
            autoHeightEnabled:false,
        });
    </script>
    <!-- 引入上传文件工具 -->
    <script type="text/javascript">
        var uploader = WebUploader.create({
            // 选完文件后，是否自动上传。
            auto: true,
            // swf文件路径
            swf: '__PUBLIC__/csf/{$theme}/webupload/Uploader.swf',
            // 文件接收服务端。
            server: '__PUBLIC__/csf/{$theme}/webupload/upfile.php',
            // 选择文件的按钮。可选。
            // 内部根据当前运行是创建，可能是input元素，也可能是flash.
            pick: '#picker',
            // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
            resize: false,

            runtimeOrder:false,
            //允许重复上传
            duplicate:true,
            // 只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/jpg,image/jpeg,image/png',
            }
        });
        //添加到上传队列事件
        uploader.on( 'fileQueued', function( file ) {
            
        });
        //上传成功事件
        uploader.on( 'uploadSuccess', function(file,response) {
            if(response._raw!='000'){
                // $('#sitelogo').val(response._raw);
                var $tr = $(
                    '<tr><td class="text-center" id="' + file.id + '">' +
                        '<img>' +
                        '<input id="' + file.id + 'img" type="hidden" name="banner[]" value="' +response._raw+ '"></td><td class="text-center"><input type="text" name="keywords[]"></td><td class="text-center"><input type="text" name="link[]"></td><td><a href="#" class="delbtn btn btn-danger">删除</a></td>' +
                    '</tr>'
                    ),
                    $img = $tr.find('img');
                    $('#picBox').append( $tr );
                    uploader.makeThumb( file, function( error, src ) {
                        if ( error ) {
                            $img.replaceWith('<span>不能预览</span>');
                            return;
                        }

                        $img.attr( 'src', src );
                    }, 100, 100 );
            }
            
        });
        //上传失败事件
        uploader.on( 'uploadError', function( file ) {
            var $li = $( '#'+file.id ),
                $error = $li.find('div.error');

            // 避免重复创建
            if ( !$error.length ) {
                $error = $('<div class="error"></div>').appendTo( $li );
            }

            $error.text('上传失败');
        });
    </script>
    <!-- 绑定删除按钮 -->
    <script type="text/javascript">
                $('#picBox').on('click','.delbtn',function(){
                    $(this).parent().parent().remove();
                    return false;
                });
    </script>
    <!-- page footer start-->
    <include file="Common@Backend/footer" />